<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  {% load static %}
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="{% static 'layui.css' %}"  media="all">
  
  <style>
      body {
      height: 620px;
      {% load static %}
      background-image: url({% static "bg.jpg" %});
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; 
    }
      
      </style>
</head>
<body style="width: 50%;">
  <center>
  <table class="layui-table" id="test" style="position: absolute; top: 30px; width: 50%;left: 350px;">
    <thead>
      <tr style="background-color:lightseagreen; color:white;">
        <th width="100px">课程号</th>
        <th width="100px">课程名</th>
        <th width="100px">课程学分</th>
      </tr> 
    </thead>
    <tbody>
      {% for Course in Courses%}
      <tr style="color:black;">
        <td>{{ Course.Cid }}</td>
        <td>{{ Course.Cname }}</td>
        <td>{{ Course.Ccredit }}</td>
      </tr>
      {% endfor%}
    </tbody>
  </table>
</center>
          
<script src="{% static 'layui.js' %}"></script>
 <script src="{% static 'element.js' %}"></script>

</body>
</html>